<!-- 这组件是homepage里面的课题组介绍部分-主要介绍课题组的整体情况，包括研究方向之类的， -->
<template>
  <h1 style="text-align: center">课题组介绍</h1>
  <div style="margin-top: 30px; margin-bottom: 30px">
    <el-carousel :interval="4000" type="card" height="300px">
      <el-carousel-item v-for="(img, index) in images" :key="index">
        <el-image
          :src="img"
          fit="cover"
          style="width: 100%; height: 100%; border-radius: 12px"
        />
      </el-carousel-item>
    </el-carousel>
  </div>

  <div class="info-page">
    <!-- 基本情况 -->
    <el-card shadow="hover" class="info-card basic">
      <div class="card-header">
        <el-icon><UserFilled /></el-icon>
        <h2>基本情况</h2>
      </div>
      <p>
        工业与智能系统工程研究所现有教师23人（专任教师21人、科研助理2人），专任教师全部拥有博士学位，
        其中海外留学一年以上的19人。教授5人、副教授7人，助理教授7人，高级实验师1人，讲师1人。
        团队秉承“育人为本、科教一体”的发展理念，始终把人才培养放在团队发展的第一位，
        并依托雄厚的基础研究和坚实深入的工程实践，为学生培养提供了广阔空间和发展通道。
        团队成员2人分别担任教育部工业工程专业、交通运输工程专业教指委委员，
        专任教师获评教育部新世纪优秀人才、北京市教学名师、ESI高被引学者等称号。
      </p>
    </el-card>

    <!-- 科研合作与人才培养 -->
    <el-card shadow="hover" class="info-card research">
      <div class="card-header">
        <el-icon><Promotion /></el-icon>
        <h2>科研合作与人才培养</h2>
      </div>
      <p>
        在科研合作与人才培养的国际化方面，研究所建立了两个校级国际合作实验室，
        与美国普渡大学、俄克拉荷马大学共建“国际系统实现联合实验室”，
        与慕尼黑工业大学共建“驾驶行为与交通安全联合实验室”。
        2019年获批北京市人车协同与智能决策国际联合实验室。
        依托上述科研项目与平台，与美国、德国等高校形成了稳定的联合培养博士、交换研究生、
        短期学术交流等国际合作机制。
      </p>
    </el-card>

    <!-- 党的建设 -->
    <el-card shadow="hover" class="info-card party">
      <div class="card-header">
        <el-icon><Flag /></el-icon>
        <h2>党的建设情况</h2>
      </div>
      <p>
        教师党支部现有党员17人，其中党支委5人。
        支部坚持以党的政治建设为统领，围绕立德树人根本任务，
        构建了“一引领二增强三融合”的“三位一体”党建工作机制。
      </p>
      <ul class="highlight-list">
        <li>
          <b>一引领：</b
          >传承“延安根、军工魂”的优良传统，红色基因驱动创新，引领高质量发展。
        </li>
        <li>
          <b>二增强：</b
          >推动教书育人与科研服务国家战略的双向提升，丰富党建内涵。
        </li>
        <li><b>三融合：</b>党建、育人、科研多维度融合，形成共进生态。</li>
      </ul>
      <p>
        2021年支部获校先进党组织称号，2023年教师获北京市优秀共产党员称号。
        在人才培养方面，研究所形成了“以学生为中心的研究型课程、以校企合作为基础的实践型课程相结合”的教学特色。
        2023年牵头获批工业软件校企协同育人示范基地。
      </p>
    </el-card>
  </div>
</template>

<script setup>
import { UserFilled, Promotion, Flag } from "@element-plus/icons-vue";
const images = [
  "/images/research_group/1.png",
  "/images/research_group/2.png",

  "/images/research_group/3.png",

  "/images/research_group/4.png",

  "/images/research_group/5.png",
];
</script>

<style scoped>
.el-carousel__item:nth-child(2n) {
  background-color: #99a9bf;
}

.el-carousel__item:nth-child(2n + 1) {
  background-color: #d3dce6;
}

/* 下面介绍文件部分的样式 */
.info-page {
  max-width: 900px;
  margin: 60px auto;
  padding: 20px;
  background: linear-gradient(180deg, #f8fafc, #f1f5f9);
  border-radius: 16px;
}

.main-title {
  text-align: center;
  font-size: 28px;
  color: #1e40af;
  margin-bottom: 30px;
  letter-spacing: 1px;
  font-weight: 700;
}

.info-card {
  border-radius: 16px;
  padding: 20px;
  margin-bottom: 30px;
  transition: all 0.3s ease;
}

.info-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
}

.card-header {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}

.card-header h2 {
  margin-left: 10px;
  color: #0f172a;
  font-size: 20px;
  font-weight: 600;
}

.basic {
  background: linear-gradient(135deg, #e0f2fe 0%, #ffffff 100%);
  border-left: 6px solid #3b82f6;
}

.research {
  background: linear-gradient(135deg, #dcfce7 0%, #ffffff 100%);
  border-left: 6px solid #22c55e;
}

.party {
  background: linear-gradient(135deg, #fee2e2 0%, #ffffff 100%);
  border-left: 6px solid #ef4444;
}

.highlight-list {
  margin: 10px 0;
  padding-left: 20px;
  list-style-type: disc;
  color: #1e293b;
}

p {
  color: #334155;
  line-height: 1.8;
  font-size: 15px;
  text-align: justify;
}
</style>
